<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>

export default {
  name: "App",
};
</script>

<style lang="scss">
  @import '@/styles/link_Style.scss';
.main-app {
  padding: 10px;
}

.total-weight {
  position: absolute;
  bottom: 0;
  left: 0;
  line-height: 30px;
  vertical-align: middle;
}

.page {
  margin-top: 20px;
  text-align: right;
  margin-bottom: 40px;
}

.result {
  margin-top: 10px;
  position: relative;
}

.tool {
  margin-bottom: 5px;
  text-align: right;
}

.show-result {
  margin-top: 10px;
}

.abow_dialog {
  display: flex;
  justify-content: center;
  align-items: Center;
  overflow: hidden;
  .el-dialog {
    margin: 0 auto !important;
    height: 90%;
    overflow: hidden;
    .el-dialog__body {
      position: absolute;
      left: 0;
      top: 54px;
      bottom: 0;
      right: 0;
      padding: 0;
      z-index: 1;
      overflow: hidden;
      overflow-y: auto;
    }
  }
}
</style>

<style>
  /* 解决element-ui的table表格控件表头与内容列不对齐问题 */
  .el-table th.gutter{
    display: table-cell!important;
  }
</style>
